<template>
  <div style="margin-top:50px">
    <common-menu :menuList="menuList" :isCollapse="isCollapse"></common-menu>
  </div>
</template>
<script>
import commonMenu from "@/components/commonMenu";
export default {
  props: ["isCollapse"],
  data() {
    return {
      menuList: [
        {
          id: "1",
          path: "",
          name: "新闻管理",
          iconPath: "el-icon-document",
          children: [
            {
              id: "1-1",
              path: "/news/grid",
              name: "内容管理",
              iconPath: "el-icon-document"
            }
          ]
        },
        {
          id: "2",
          path: "/video/grid",
          name: "视频资源管理",
          iconPath: "el-icon-menu",
          children: []
        },
        {
          id: "3",
          path: "",
          name: "商品中心",
          iconPath: "el-icon-goods",
          children: [
            {
              id: "3-1",
              path: "/goods/grid",
              name: "商品管理",
              iconPath: "el-icon-s-goods"
            }
          ]
        }
      ]
    };
  },
  components: {
    commonMenu
  }
};
</script>
<style scoped>
</style>